<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jQuery"></script>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="Bootstrap/css/bootstrap.min.css"
    integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="static/bootstrap-3.4.1/js/jquery.min.js"
    integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ"
    crossorigin="anonymous"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="Bootstrap/css/bootstrap.min.js"
    integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
    crossorigin="anonymous"></script>
     
    <style>
        .form {
        background: rgba(255,255,255,0.9);
        width:400px;margin:50px auto;
        }
        label {
        font-family: Arial;font-size: 15px
        }
        input.form-control:valid{
        background-color: mintcream;
        }
        input.form-control:invalid{
        background-color: #ffeeed;
        }
        input[type="text"],input[type="password"],input[type="email"]{
        padding-left:26px;
        }
        .form-title{
        padding-top:20px;
        }
        #button{
        padding-bottom: 50px;
        }
    
    
        </style>
</head>
<body>
    <div class="container">
        <div class="form row">
            <form class="form-horizontal col-sm-offset col-md-offset-3">
                <h2 class="form-title">注册</h2>
                    <div class="col-sm-9 col-md-9">
                        <div class="form-group">
                            用户名：<i class="fa fa-user" aria-hidden="true"></i>
                            <input class="form-control required" type="text" name="username" id="username" placeholder="请输入用户名" required>
                        </div>
                        <div class="form-group">
                            密码：<i class="fa fa-key" aria-hidden="true"></i>
                            <input class="form-control required" type="password" name="password" id="password" placeholder="请输入密码" required>
                        </div>
                        <div class="form-group">
                            确认密码：<i class="fa fa-check-circle-o" aria-hidden="true"></i>
                            <input class="form-control required" type="password" name="resetpw" id="resetpw" placeholder="请确认密码" required>
                        </div>
                        <div class="form-group">
                            手机号：<i class="fa fa-envelope" aria-hidden="true"></i>
                            <input class="form-control required" type="phone" name="phone" id="phone" placeholder="请输入手机号" required>
                        </div>
    
                        <div class="form-group">
                        </div>
                        <div class="form-group">
                            <a href="HomeUserLogin.html">
                            <input type="submit" value="注册" class="one">
                            <input type="button" οnclick="javascript:window.location.href=登录.html'"class="btn btn-info pull-left" id="back_btn" value="返回"/></a>
                        </div>
    
    
                    </div>
            </form>
        </div>
    </div>
        <script>
            $(function(){
    $(".one").click(function(){
        confirm("注册成功！请返回。")
    })
   })
        </script>
</body>
</html>